<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link href="./css/rem-format.css" rel="stylesheet" type="text/css"/>
  <link href="./css/main.css" rel="stylesheet" type="text/css" />
  <link href="./css/index.css" rel="stylesheet" type="text/css" />
</head>
<body>
  <nav>
    <div class="center">
      <div class="logo-wrap">
        <embed src="./imgs/logo.svg" type="image/svg+xml" />
      </div>
      <ul class="nav-wrap">
        <li class="active">
          <a href="#">Home</a>
        </li>
        <li>
          <a href="#">Order Online</a>
        </li>
        <li>
          <a href="#">About Us</a>
        </li>
        <li>
          <a href="#">Contact Us</a>
        </li>
      </ul>
      <div class="make">
        <a href="#">Make A Reservation</a>
      </div>
    </div>
  </nav>
  <section class="bar">
    <img class="bar-img" src="./imgs/_dev-1.png" />
    <div class="center bar-content">
      <div class="title-wrap">
        <p class="title">Royal Noodle House - San Gabriel</p>
        <p class="address">5449 Rosemead Boulevard, San Gabriel, CA91776</p>
      </div>
      <div class="store-wrap">
        <p class="store-title">Or see our different locations</p>
        <ul class="stores">
          <li>
            <span>Rowland Heights</span>
          </li>
          <li>
            <span>Hawaii</span>
          </li>
          <li>
            <span>Los Angles</span>
          </li>
          <li>
            <span>Rowland Heights</span>
          </li>
          <li>
            <span>Rowland Heights</span>
          </li>
        </ul>
      </div>
      <div class="arrow-down-icon">
        <a href="#">
          <embed src="./imgs/arrow-down.svg" type="image/svg+xml" />
        </a>
      </div>
      <div class="content-footer">
        <div class="btn">
          <span>Order Online</span>
        </div>
      </div>
    </div>
  </section>
  <section class="center products category">
    <div class="title">
      <p>Our Featured Products</p>
    </div>
    <ul class="category-list">
      <li>
        <img src="./imgs/_dev-2.jpg" />
        <div class="modal">
          <p class="es3 name">Pakistani Chicken Platter,Pakistani Chicken Platter,Pakistani Chicken Platter,Pakistani Chicken Platter</p>
          <p class="es3 name2">Pakistani Chicken Platter</p>
        </div>
      </li>
      <li>
        <img src="./imgs/_dev-2.jpg" />
        <div class="modal">
          <p class="es3 name">Pakistani Chicken Platter,Pakistani Chicken Platter,Pakistani Chicken Platter,Pakistani Chicken
            Platter</p>
          <p class="es3 name2">Pakistani Chicken Platter</p>
        </div>
      </li>
      <li>
        <img src="./imgs/_dev-2.jpg" />
        <div class="modal">
          <p class="es3 name">Pakistani Chicken Platter,Pakistani Chicken Platter,Pakistani Chicken Platter,Pakistani Chicken
            Platter</p>
          <p class="es3 name2">Pakistani Chicken Platter</p>
        </div>
      </li>
      <li>
        <img src="./imgs/_dev-2.jpg" />
        <div class="modal">
          <p class="es3 name">Pakistani Chicken Platter,Pakistani Chicken Platter,Pakistani Chicken Platter,Pakistani Chicken
            Platter</p>
          <p class="es3 name2">Pakistani Chicken Platter</p>
        </div>
      </li>
    </ul>
  </section>
  <section class="center category">
    <div class="title">
      <p>Our Categories</p>
    </div>
    <ul class="category-list">
      <li class="active">
        <img src="./imgs/_dev-2.jpg" />
        <div class="modal">
          <p class="es3 name">Pakistani Chicken Platter,Pakistani Chicken Platter,Pakistani Chicken Platter,Pakistani Chicken
            Platter</p>
          <p class="es3 name2">Pakistani Chicken Platter</p>
        </div>
      </li>
      <li class="active">
        <img src="./imgs/_dev-2.jpg" />
        <div class="modal">
          <p class="es3 name">Pakistani Chicken Platter,Pakistani Chicken Platter,Pakistani Chicken Platter,Pakistani Chicken
            Platter</p>
          <p class="es3 name2">Pakistani Chicken Platter</p>
        </div>
      </li>
      <li class="active">
        <img src="./imgs/_dev-2.jpg" />
        <div class="modal">
          <p class="es3 name">Pakistani Chicken Platter,Pakistani Chicken Platter,Pakistani Chicken Platter,Pakistani Chicken
            Platter</p>
          <p class="es3 name2">Pakistani Chicken Platter</p>
        </div>
      </li>
      <li class="active">
        <img src="./imgs/_dev-2.jpg" />
        <div class="modal">
          <p class="es3 name">Pakistani Chicken Platter,Pakistani Chicken Platter,Pakistani Chicken Platter,Pakistani Chicken
            Platter</p>
          <p class="es3 name2">Pakistani Chicken Platter</p>
        </div>
      </li>
      <li class="active">
        <img src="./imgs/_dev-2.jpg" />
        <div class="modal">
          <p class="es3 name">Pakistani Chicken Platter,Pakistani Chicken Platter,Pakistani Chicken Platter,Pakistani Chicken
            Platter</p>
          <p class="es3 name2">Pakistani Chicken Platter</p>
        </div>
      </li>
      <li class="active">
        <img src="./imgs/_dev-2.jpg" />
        <div class="modal">
          <p class="es3 name">Pakistani Chicken Platter,Pakistani Chicken Platter,Pakistani Chicken Platter,Pakistani Chicken
            Platter</p>
          <p class="es3 name2">Pakistani Chicken Platter</p>
        </div>
      </li>
      <li class="active">
        <img src="./imgs/_dev-2.jpg" />
        <div class="modal">
          <p class="es3 name">Pakistani Chicken Platter,Pakistani Chicken Platter,Pakistani Chicken Platter,Pakistani Chicken
            Platter</p>
          <p class="es3 name2">Pakistani Chicken Platter</p>
        </div>
      </li>
      <li class="active">
        <img src="./imgs/_dev-2.jpg" />
        <div class="modal">
          <p class="es3 name">Pakistani Chicken Platter,Pakistani Chicken Platter,Pakistani Chicken Platter,Pakistani Chicken
            Platter</p>
          <p class="es3 name2">Pakistani Chicken Platter</p>
        </div>
      </li>
    </ul>
  </section>
  <section class="order-onlie">
    <p class="tips">Order Online</p>
    <p class="title">Start your order now!</p>
    <div class="btn">
      <span>Make An Order</span>
    </div>
  </section>
  <section class="about-us">
    <div class="center">
      <p class="title">About Us</p>
      <div class="logo-wrap">
        <embed src="./imgs/blk-logo.svg" type="image/svg+xml" />
      </div>
      <div class="info">
        <div class="store-info">
          <p>elieving neglected so so allowance existence departure
          in. In design active temper be uneasy. Paid was hill sir high. For him
          precaution any advantages dissimilar comparison few terminated
          projecting. Prevailed discovery immediate objection of ye at.</p>
        </div>
        <div class="store-pic">
          <img src="./imgs/_dev-3.jpg" />
        </div>
      </div>
    </div>
  </section>
  <section class="contact-us">
    <div class="center">
      <p class="title">Contact with us</p>
      <ul class="contact-box">
        <li>
          <div class="line">
            <embed src="./imgs/address.svg" type="image/svg+xml" />
            <span>5449 Rosemead Boulevard,San Gabriel, CA 91776</span>
          </div>
          <div class="line">
            <embed src="./imgs/phone.svg" type="image/svg+xml" />
            <span>(626) 872-0888</span>
          </div>
          <div class="line">
            <embed src="./imgs/email.svg" type="image/svg+xml" />
            <span>service@royalnoodlehouseca.com</span>
          </div>
        </li>
        <li>
          <p class="desc">Hours of service</p>
          <div class="times">
            <div class="time">
              <p class="title">Monday to Thursday</p>
              <p class="desc">10:30 am - 9:30 pm</p>
            </div>
            <div class="time">
              <p class="title">Friday to Sunday</p>
              <p class="desc">10:30 am - 10:00 pm</p>
            </div>
          </div>
        </li>
        <li>
          <p class="title">Make A Reservation With Us</p>
          <div class="make-wrap">
            <div class="make">
              <a>Make A Reservation</a>
            </div>
          </div>
        </li>
      </ul>
    </div>
  </section>
  <a href="#" class="top-bar">
    <embed src="./imgs/arrow-up.svg" type="image/svg+xml" />
  </a>
  <footer>
    <div class="footer-content">
      <div class="center">
        <embed src="./imgs/lin-logo.svg" type="image/svg+xml" />
        <div class="links">
          <a href="#">
            <embed src="./imgs/facebook.svg" type="image/svg+xml" />
          </a>
          <a href="#">
            <embed src="./imgs/ins.svg" type="image/svg+xml" />
          </a>
          <a href="#">
            <embed src="./imgs/tw.svg" type="image/svg+xml" />
          </a>
        </div>
      </div>
    </div>
    <div class="footer-copyright">
      <a>Copyright © 2021 Limited. All Rights Reserved.</a>
    </div>
  </footer>
</body>
</html>